﻿body {
    margin: 0;
    padding: 0;
}

header {
    width: 100%;
    height: 60px;
    background: #1fd8f2;
    position: fixed;
    z-index: 1;
}

    header h1 {
        margin: 0px auto;
        text-align: center;
        line-height: 60px;
    }

#main {
    top: 60px;
    bottom: 60px;
    height: auto;
    position: relative;
}

#sideBar {
    width: 25%;
    height: 100%;
    border-right: solid 5px #2be5f1;
    /*background: #bc3cc2;*/
    float: left;
    position: fixed;
    top: 60px;
    text-align: center;
}

#content {
    position: fixed;
    margin-left: 25%;
    top: 60px;
    bottom: 60px;
    left: 5px;
    right: 0;
}

    #content > div {
        height: 100%;
    }

    #content div.table {
        position: absolute;
        top: 36px;
        bottom: 34px;
    }

    #content div.el-table {
        height: 100%;
    }

    #content div.pager {
        position: absolute;
        bottom: 0;
    }

    #content table {
        width: 100%;
        /*text-align: center;*/
    }

footer {
    width: 100%;
    height: 60px;
    bottom: 0px;
    position: fixed;
    background: #1fd8f2;
}

    footer h1 {
        text-align: center;
        margin: 0 auto;
        line-height: 60px;
    }
